Lumo: a clean Quarto template for stunning data reports

This document showcases how a Quarto report made using the Lumo format looks like. It also demoes a few tips and tricks I 💜

Author: Holtz Yan

Date: November 26, 2024

Introduction

Quarto is probably my favorite tool in the R/Python universe. Transforming your code and thoughts into a stunning report in one click always blows my mind.

While the default Quarto appearance looks great, there are a few tweaks I always apply to elevate the report even further. Rather than manually adding them each time, I bundled everything into a custom format called lumo.

Btw, you can learn how to master Quarto thanks to my online course: Productive R Workflow

Code

viewof selectedFile = Inputs.select(
  [
    { value: "24clocktime.html", label: "24-Hour Clock Time" },
    { value: "ctas_month_waffle.html", label: "CTAS Month Waffle" }
  ],
  {
    label: "Select HTML file",
    value: "24clocktime.html",
    format: x => x.label
  }
)

// Base path for HTML files
basePath = "interactive/"

// Construct full path
fullPath = basePath + selectedFile.value

// Create and return the iframe element
html`<iframe src="${fullPath}" width="100%" height="500px" style="border:none;"></iframe>`

Sample Embed

This document aims at showcasing how a quarto document made with the lumo format looks like.

Documentation

The documentation for this quarto custom format is available here